<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <title>优点达资讯-分享那些新鲜事</title>
    <link
      rel="stylesheet"
      href="static/css/style.css"
      type="text/css"
      media="all"
    />
    <link rel="stylesheet" href="./static/fonts/css/font-awesome.min.css" />
    <link
      rel="stylesheet"
      href="./static/lib/layui-v2.7.4/layui/css/layui.css"
    />
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--[if lt IE 9]><script src="static/js/html5.js"></script><![endif]-->
  </head>
  <body class="user blog search_not m-home-most ui-navtop">
    <!-- 头部开始 -->
    <div class="shw">
      <header class="header">
        <div class="container">
          <h1 class="logo">
            <a href="index.html" title="优点达资讯-分享那些新鲜事">
              <img src="static/images/logo.png" alt="优点达资讯" />
              优点达资讯
            </a>
          </h1>
          <ul
            class="nav"
            style="display: flex; justify-content: space-between; width: 67% ;"
          >
            <li class="navmore"></li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item current_page_item"
            >
              <a title="" href="index.html">
                <span class="fa fa-home"></span>
                趣·首页
              </a>
            </li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category"
              v-for="obj in allCate.slice(0,10)"
              :key="obj.id"
            >
              <a
                style="padding: 12px 0"
                :href="'list.html?catename='+obj.catename+'&cateid='+obj.id"
              >
                <span class="fa" :class="obj.icon"></span>
                {{obj.catename}}
              </a>
            </li>
          </ul>
          <div class="slinks">
            <a href="login.html" v-show="token===null">
              <i class="fa fa-hand-o-right"></i>
              &nbsp;登录
            </a>
            |
            <a href="reg.html" v-show="token===null">
              <i class="fa fa-registered"></i>
              &nbsp;注册
            </a>
            <a href="user.html" v-show="token!=null">
              <i class="fa fa-user"></i>
              &nbsp;欢迎，{{user!==null?user.userInfo.username:''}}
            </a>
            <a class="fa fa-sign-out" v-show="token!=null" @click="rem"></a>
          </div>
          <!-- 移动端兼容 -->
          <a href="login.html" class="user"><i class="fa fa-user"></i></a>
          <!-- 点击该图标的时候判断是否登录了，决定是否进入用户中心，否则进入登录页 -->
        </div>
      </header>
      <!-- 头部结束 -->

      <!-- 主体内容 -->

      <section class="container">
        <div class="user-box">
          <div class="lt">
            <h3>用户中心</h3>
            <ul class="list-group">
              <li class="list-group-item">
                <a href="user.html">
                  <i class="fa fa-home"></i>
                  我的首页
                </a>
              </li>
              <li class="list-group-item">
                <a class="active" href="user-collect.html">
                  <i class="fa fa-heart"></i>
                  我的收藏
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-add.html">
                  <i class="fa fa-plus"></i>
                  发布文章
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-zan.html">
                  <i class="fa fa-thumbs-up"></i>
                  我的点赞
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-list.html">
                  <i class="fa fa-tasks"></i>
                  我的文章
                </a>
              </li>
            </ul>
          </div>
          <div class="rt">
            <!-- 我的收藏 -->
            <div class="user-collect">
              <div class="user-location">
                <a href="user.html">
                  <i class="fa fa-home"></i>
                  用户中心
                </a>
                &gt;
                <span>我的收藏</span>
              </div>
              <div class="list-box">
                <article
                  class="excerpt excerpt-one"
                  v-for="(obj,index) in zan"
                  :key="obj.id"
                >
                  <header>
                    <a
                      class="cat label label-important"
                      href=""
                      v-show="obj.istop==1&&obj.ishot==1"
                    >
                      {{obj.ishot==1?'热门':''||obj.istop===1?"置顶":''}}
                      <i class="label-arrow"></i>
                    </a>
                    <h2>
                      <a
                        target="_blank"
                        href="show.html?id='+obj.id"
                        :title="obj.title"
                      >
                        {{obj.title}}
                      </a>
                    </h2>
                  </header>
                  <p class="text-muted time">
                    <a href="">{{obj.author}}</a>
                    发布于 {{obj.create_date | www}}
                  </p>
                  <p class="focus">
                    <a
                      target="_blank"
                      href="http://blog.weknow.cn/474.shtml"
                      class="thumbnail"
                    >
                      <span class="item">
                        <span class="thumb-span">
                          <img
                            src="./static/images/default.png"
                            class="thumb"
                          />
                        </span>
                      </span>
                    </a>
                  </p>
                  <p class="note">{{obj.description}}</p>
                  <p class="text-muted views">
                    <span class="post-views">阅读({{obj.click}})</span>
                    <span class="post-comments">评论(0)</span>
                    <a href="javascript:;" class="post-like">
                      <i class="fa fa-thumbs-up"></i>
                      赞 (
                      <span>{{obj.lovenum}}</span>
                      )
                    </a>
                    <span class="post-tags">标签：{{obj.catename}}</span>
                    <button
                      class="btn btn-xs btn-danger"
                      @click="delGood"
                      :index="index"
                    >
                      <i class="fa fa-trash"></i>
                      &nbsp;取消收藏
                    </button>
                  </p>
                </article>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- 主体结束 -->

      <!-- 页脚开始 -->
      <footer class="footer">
        <div class="link">
          <!-- 友情链接： -->
          <span v-for="obj in allLink" :key="obj.id">
            <a :href="obj.url" :title="obj.title">{{obj.des}}</a>
            <span>|</span>
          </span>
        </div>
        <p>
          &copy; 2021
          <a href="http://blog.weknow.cn">优点达资讯,</a>
          &nbsp;&nbsp;联系邮箱：xxxx@163.com &nbsp;&nbsp;
          <a href="">备案号信息</a>
        </p>
      </footer>
    </div>
    <!-- 页脚结束 -->
    <script src="./static/lib/layui-v2.7.4/layui/layui.js"></script>
    <script src="./static/js/shw_js/axios.js"></script>
    <script src="./static/js/shw_js/api.js"></script>
    <script src="./static/js/shw_js/vue.js"></script>
    <script src="./static/js/shw_js/user-cool.js"></script>
  </body>
</html>
